
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
<script type="text/javascript" src="http://libs.useso.com/js/respond.js/1.4.2/respond.min.js"></script>
<script type="text/javascript" src="http://cdn.bootcss.com/css3pie/2.0beta1/PIE_IE678.js"></script>
<![endif]-->
<!--[if IE 7]>
<link href="http://www.bootcss.com/p/font-awesome/assets/css/font-awesome-ie7.min.css" rel="stylesheet" type="text/css" />
<![endif]-->
<title>修改密码</title>
</head>
<body>
<div class="pd-20">
  <form class="Huiform" id="loginform" action="" method="post" onsubmit="return updatePwd()">
    <table class="table table-border table-bordered table-bg">
      <thead>
        <tr>
          <th colspan="2">修改密码</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th class="text-r" width="30%">旧密码：</th>
          <td><input name="oldpassword" id="oldpassword" class="input-text" type="password" autocomplete="off" placeholder="密码" tabindex="1" datatype="*6-16" nullmsg="请输入旧密码！" errormsg="4~16个字符，区分大小写！"> 
          </td>
        </tr>
        <tr>
          <th class="text-r">新密码：</th>
          <td><input name="newpassword" id="newpassword" class="input-text" type="password" autocomplete="off" placeholder="设置密码" tabindex="2" datatype="*6-16"  nullmsg="请输入您的新密码！" errormsg="4~16个字符，区分大小写！" > 
          </td>
        </tr>
        <tr>
          <th class="text-r">再次输入新密码：</th>
          <td><input name="newpassword2" id="newpassword2" class="input-text" type="password" autocomplete="off" placeholder="确认新密码" tabindex="3" datatype="*" recheck="newpassword" nullmsg="请再输入一次新密码！" errormsg="您两次输入的新密码不一致！"> 
          </td>
        </tr>
        <tr>
          <th></th>
          <td>
            <button type='submit' class="btn btn-success radius" id="admin-password-save" name="admin-password-save"><i class="icon-ok"></i> 确定</button>
          </td>
        </tr>
      </tbody>
    </table>
  </form>
</div>
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.1.3/jquery.min.js"></script> 
<script type="text/javascript">
</script>
<script>
$(function(){
	$("#oldpassword").blur(function(){
    	var url=window.location.search;
    	var id=parseInt(url.substr(1));
    	console.log(id);
    	$.ajax({
       	 url:"/getPassword",
       	 data:{"id":id},
       	 type:"post",
       	 success:function(res){
       		 console.log(res);
       		 if($("#oldpassword").val()==""){
       			 alert("密码不能为空!");
       		 }
       		 else{
       		 if($("#oldpassword").val()!=res){
       			 alert("旧密码输入错误!");
       		 }
       		 }
       	 }
        })
    })
    $("#newpassword2").blur(function(){
        		if($(this).val()!=$("#newpassword").val()){
        			 alert("两次密码输入不一致!");
        		}
        	})
})
    function updatePwd(){
	var flag=true;
	var url=window.location.search;
	var id=parseInt(url.substr(1));
	      if($("#newpassword").val()==$("#newpassword2").val()){
	    	  $.post(
	    		"/updatePassword",
	    		{"id":id,"password":$("#newpassword2").val()},
	    		function(){
	    			alert("修改成功");
	    		}
	    	  );
	      }
	      else{
	    	  flag=false;
	      }
	      return flag;
}
</script>
</body>
</html>